<template>
  <div class="box">
    <button @click="counterStore.increment">plus one: {{ counterStore.count }}</button>
    <button @click="counterStore.count++">multi : {{ counterStore.doubleCount }}</button>
  </div>

</template>

<script setup lang="ts">
import { useCounterStore } from './store/counter';
const counterStore = useCounterStore()

</script>

<style scoped>
.box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 20px;
}
</style>
